<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="height: 250px;">
      <van-swipe-item>
        <img src="../assets/cyimages/images/1indexlb_02.png" alt />
      </van-swipe-item>
      <van-swipe-item>
        <img src="../assets/cyimages/images/1indexlb_02.png" alt />
      </van-swipe-item>
      <van-swipe-item>
        <img src="../assets/cyimages/images/1indexlb_02.png" alt />
      </van-swipe-item>
      <van-swipe-item>
        <img src="../assets/cyimages/images/1indexlb_02.png" alt />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import Vue from "vue";
import { Swipe, SwipeItem } from "vant";

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {
  data() {
    return {};
  },
  created() {},
  computed: {},
  methods: {}
};
</script>

<style lang="stylus" scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}

.my-swipe .van-swipe-item{
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #fff;
}
.my-swipe .van-swipe-item img{
  width:100%;
}
</style>